<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<title>友好生鲜</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/details_people.css">
	<script type="text/javascript" src="js/zepto.js"></script>
</head>
<body>
<!--首页头部-->
<div class="header_body">
	<div class="header_main">
		<div class="header_icon01"><a href="details.jsp"></a></div>
		<div class="header_txt">优选师主页</div>
		<div class="header_icon02"><a href="#1"></a></div>
	</div>
</div>
<!--优选师主页-->
<div class="det_txm" style="background-image:url(img/group/detail_bj.png)">
	<a href="#1">
		<div class="det_txi" style="background-image:url(img/my/tx.png)"></div>
		<div class="det_txn"><p>优选师：Gaga</p></div>
	</a>
	<p>我是觅味师Gaga，这些年我一直专注食品安全，对于 吃我是一个天然的偏执狂，我希望把健康安全的食品带 给大家 </p>
</div>
<!--tab-->
<div class="peop_tabs">
	<!--导航-->
	<ul class="peop_det_tabs_ul" id="peop_tab_tit_ul">
		<li class="peop_det_tabs_li peop_det_tabs_li_now">产地好故事<i></i></li>
		<li class="peop_det_tabs_li">我的好东西<i></i></li>
	</ul>
	<!--切换内容-->
	<div class="peop_tabs_list" id="tab_lists">
		<!--1-->
		<div class="peop_tabs_list_box">
			<div class="tabs_t1_details_mian">
				<!--list-->
				<div class="find_list_main">
					<!--4张图片的时候-->
					<div class="find_list peop_find_list">
						<div class="find_list_txt">
							<p>不错和图片一样，价格实惠，火龙果个头大而且很新鲜，吃着也非常甜。这个真的是买到赚到，强烈推荐哦～</p>
							<a href="#1">查看更多</a>
						</div>
						<div class="find_list_img find_list_img_4">
							<ul>
								<li><a style="background-image:url(img/banner.png)"></a></li>
								<li><a style="background-image:url(img/banner.png)"></a></li>
								<li><a style="background-image:url(img/banner.png)"></a></li>
								<li><a style="background-image:url(img/banner.png)"></a></li>
							</ul>
						</div>
						<div class="find_list_but">
							<div class="find_list_but_left">2017-08-12  10:32</div>
						</div>
					</div>
					<!--2到3张图片的时候-->
					<div class="find_list">
						<div class="find_list_txt">
							<p>不错和图片一样，价格实惠，火龙果个头大而且很新鲜，吃着也非常甜。这个真的是买到赚到，强烈推荐哦～</p>
						</div>
						<div class="find_list_img find_list_img_3">
							<ul>
								<li><a style="background-image:url(img/banner.png)"></a></li>
								<li><a style="background-image:url(img/banner.png)"></a></li>
								<li><a style="background-image:url(img/banner.png)"></a></li>
							</ul>
						</div>
						<div class="find_list_but">
							<div class="find_list_but_left">2017-08-12  10:32</div>
						</div>
					</div>
					<!--1张图片的时候-->
					<div class="find_list">
						<div class="find_list_txt">
							<p>不错和图片一样，价格实惠，火龙果个头大而且很新鲜，吃着也非常甜。这个真的是买到赚到，强烈推荐哦～</p>
						</div>
						<div class="find_list_img find_list_img_1">
							<ul>
								<li><a style="background-image:url(img/banner.png)"></a></li>
							</ul>
						</div>
						<div class="find_list_but">
							<div class="find_list_but_left">2017-08-12  10:32</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--2-->
		<div class="peop_tabs_list_box tab_hid">
			<!--list-->
			<div class="peop_tabs_list_page">
				<div class="find_list_peop">
					<div class="find_list_peop1">
						<span style="background-image:url(img/banner.png)"></span>
						<p>云南当季新鲜水果批发非广西越南红心火龙 果航空包邮应季火龙果</p>
					</div>
					<div class="find_list_peop2">
						<div class="peop_find_list_left">进行中</div>
						<div class="peop_find_list_right"><a href="details.jsp">去购买</a></div>
					</div>
				</div>
			</div>
			<!--list-->
			<div class="peop_tabs_list_page">
				<div class="find_list_peop">
					<div class="find_list_peop1">
						<span style="background-image:url(img/banner.png)"></span>
						<p>云南当季新鲜水果批发非广西越南红心火龙 果航空包邮应季火龙果</p>
					</div>
					<div class="find_list_peop2">
						<div class="peop_find_list_left">已售罄</div>
						<div class="peop_find_list_right"><a href="details.jsp">查看</a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
	$(function(){
		 /*切换*/
		 $("#peop_tab_tit_ul li").bind("click",function(){
				 $(this).addClass("peop_det_tabs_li_now").siblings().removeClass("peop_det_tabs_li_now");
				 $('#tab_lists .peop_tabs_list_box').eq($(this).index()).show().siblings().hide();
		 });
	})
	</script>
	
	
</div>












</body>
</html>
